@import './common.scss' ;
.movie-header{
    height: auto;
    padding:1rem;
    background-position: center;
    background-size: cover ;
    background-repeat: no-repeat ;
    position: relative ;
    .name{
        color: #fff ;
        font-size: 0.8rem;
    }
    .base-source{
        color: #fff ;
        z-index: 22;
        display: flex;
        .banner{
            width: 5.6rem;
            height: 8rem;
            border: 1px solid #ffffff ;
        }
        .genres{
            li{
                float: left;
            }
        }
        div{
            flex: 3 ;
            .old-name{
                font-size: 0.5rem;
            }
            
        }
    }
}
.avatars-content{
    background: #fff ;
    border-top: 1px solid #e5e5e5 ;
    border-bottom: 1px solid #e5e5e5 ;
    padding: 1rem;
    margin: 1rem 0 ;
    .avatars{
        width: 100%;
        overflow-x: auto ;
        .avatars-list{
            li{
                width: 5rem;
                float: left;
                margin-right: .8rem;
                img{
                    width: 100%;
                }
            }
        }
    }
}
.summary{
    padding: 0.8rem;
    background: #fff;
    border-top: 1px solid #e5e5e5 ;
    border-bottom: 1px solid #e5e5e5 ;
    .movie-summary{
        padding: 0.4rem;
        text-align: center ;
        background: #E54847 ;
        color: #fff ;
        border-radius: 0.5rem;
        margin-bottom: 0.8rem;
    }
    p{
        font-size: 0.7rem;
        line-height: 1.2rem;
    }
}

